.flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.col-70{
  width: 66%;
  margin-left: 4%;
}
.col-30{
  width: 26%;
  margin-left: 4%;
}
.row.no-gutter-self .col-70 {
    width: 70%;
    margin: 0;
}
.row.no-gutter-self .col-30 {
    width: 30%;
    margin: 0;
}

.cl{
  overflow: hidden;
}

.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.font14{
	font-size: 14px;
}

.font12{
	font-size: 12px;
}

.red{
  color: red;
}
.badge-red{
	position: absolute;
	right: 0;
	top: 0;
	background-color: red;
	color: #fff;
	padding: 3px 6px;
}
